.bill-detail-container {
  background: #f7f7f7;
  min-height: 100vh;
}
.bill-detail-card {
  background: #fff;
  border-radius: 24rpx;
  margin: 32rpx 32rpx 0 32rpx;
  padding: 32rpx;
  text-align: center;
}
.bill-detail-icon {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  margin-bottom: 16rpx;
}
.bill-detail-title {
  font-size: 32rpx;
  color: #6b4c1b;
  font-weight: bold;
  margin-bottom: 16rpx;
}
.bill-detail-amount {
  font-size: 56rpx;
  color: #6b4c1b;
  font-weight: bold;
  margin-bottom: 16rpx;
}
.bill-detail-info {
  background: #fff;
  border-radius: 24rpx;
  margin: 24rpx 32rpx 0 32rpx;
  padding: 32rpx;
}
.bill-detail-row {
  display: flex;
  align-items: center;
  margin-bottom: 16rpx;
}
.label {
  flex: 1;
  color: #bbb;
  font-size: 26rpx;
}
.value {
  flex: 2;
  color: #222;
  font-size: 28rpx;
  text-align: right;
}
.bill-detail-barcode {
  margin-top: 32rpx;
  text-align: center;
}
.barcode-img {
  width: 80%;
  height: 80rpx;
  margin-bottom: 8rpx;
}
.barcode-num {
  font-size: 28rpx;
  color: #222;
  letter-spacing: 2rpx;
}
.bill-detail-service {
  background: #fff;
  border-radius: 24rpx;
  margin: 24rpx 32rpx 0 32rpx;
  padding: 32rpx;
}
.service-title {
  font-size: 28rpx;
  color: #6b4c1b;
  font-weight: bold;
  margin-bottom: 16rpx;
}
.service-row {
  display: flex;
  align-items: center;
  margin-bottom: 16rpx;
}
.service-row .label {
  color: #bbb;
  font-size: 26rpx;
}
.service-row .value {
  color: #a67c52;
  font-size: 28rpx;
  text-align: right;
}
.service-actions {
  display: flex;
  justify-content: flex-start;
  gap: 32rpx;
}
.service-action {
  font-size: 26rpx;
  color: #888;
  background: #f7f7f7;
  border-radius: 16rpx;
  padding: 12rpx 24rpx;
} 